<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多重阴影效果</title>
    <style>
        /*多重阴影效果*/
        h1{
            color: white;
            text-shadow: 1px 1px 5px #000000,0 0 5px blue,0 0 15px darkblue;
        }
        h2{
            color: yellow;
            text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        }
    </style>
</head>
<body>
<h1>文字阴影效果</h1><br/>
<h2>包围文本的边框</h2>
</body>
</html>